<?php
require 'panel/phpScripts/connection/connection.php';
$proyectoId = $_GET['proyectoId'];
$categoriaId = $_GET['categoriaId'];

$query = "SELECT * FROM proyectos p INNER JOIN categorias c  ON p.categoriaId = c.categoriaId WHERE p.proyectoId='$proyectoId' AND c.categoriaId='$categoriaId'";
$queryImages = "SELECT * FROM images WHERE proyectoId='$proyectoId' AND categoriaId='$categoriaId'";


$resultImages = mysql_query($queryImages);

$id = mysql_query($query);
$id = mysql_fetch_array($id);
$id = $id['id'];

$siguiente = "SELECT * FROM proyectos  WHERE categoriaId = '$categoriaId' and id > '$id' ORDER BY id  ASC LIMIT 1";
$siguiente = mysql_query($siguiente);
$siguiente = mysql_fetch_array($siguiente);
$siguiente = $siguiente['proyectoId'];

$anterior  = "SELECT * FROM proyectos  WHERE categoriaId = '$categoriaId' and id < '$id' ORDER BY id  DESC LIMIT 1";
$anterior = mysql_query($anterior);
$anterior = mysql_fetch_array($anterior);
$anterior = $anterior['proyectoId'];

$result = mysql_query($query);

mysql_close();

?>

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<!-- ***********************************
	Programado por Gastón Briones
	www.gastudio.com.ar
	info@gastudio.com.ar
	Buenos Aires - Argentina
*************************************** -->
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Labordecomunicación</title>
<!-- CSS -->
<link rel="stylesheet" href="bootstrap/css/bootstrap.css"/>
<link rel="stylesheet" href="css/jpreloader.css"/>
<link rel="stylesheet" href="css/style.css"/>
<!-- Javascript -->
<script src="js/jquery-v1.9.0.js"></script>
<script src="js/jquery.easing-1.3.js"></script>
<script src="js/jquery.iosslider.js"></script>
<script src="bootstrap/js/bootstrap.js"></script>
<script src="js/jpreLoader.js"></script>
<script src="js/jquery.nicescroll.min.js"></script>
<script src="js/init.js"></script>
</head>
<body>
<div id="outer">
  <div id="left"><img src="images/laborde-colum-logo.png" class="logo-bottom" /></div>
  <div id="right">
  	<div class="separador-menu"><span class="label label-inverse">NOSOTROS</span></div>
  	<div id="logo"><a href="index.php"><img src="images/logo.png" alt="laborde logo" /></a></div>
  	<ul id="contacts">
  		<li><i class="icon-gps"></i> Hidalgo 775,<br /> <span style="margin-left:17px;">Buenos Aires, Argentina.</span></li>
		<li><i class="icon-iphone"></i> +54 11 4467-8966</li>
		<li><i class="icon-sobre"></i> <a href="mailto:info@labordecomunicacion.com.ar">E-mail</a></li>
		<li><i class="icon-twitter"></i> twitter</li>
		<li><i class="icon-facebook"></i> facebook</li>
		<li><i class="icon-flickr"></i> flickr</li>
  	</ul>
  	<div class="separador-menu"></div>
  	<div id="slogan">
  		<span>Nuestro nombre <br />
			lo dice. <br />
			Lo que hacemos <br /> 
			es comunicar.
  		</span>
  	</div>
  	<ul id="menu">
		<li><a href="servicios.php">Servicios</a></li>
		<li><a href="clientes.php">Clientes</a></li>
		<li><a href="nosotros.php">Laborde</a></li>
	</ul>
	<div id="footet">
		<div>&copy; Laborde Comunicación 2000 - 2013</div>
	</div>
  </div>
  <div id="centrecontent">
 	<div id="data">
 		<div id="thisProyecto">
			<div id="headerMenu"><a href="index.php" class="rigth">VOLVER AL PORTAFOLIO</a></div>
			<div class='fluidHeight'>			
				<div class='sliderContainer'>			
					<div class='iosSlider'>				
						<div class='slider'>
							<?php 
								while ($row = mysql_fetch_array($resultImages)){
									echo '<img width ="734" src="actions/getAdjImages.php?id='.$row['imageId'].'"/>';
								}						
							?>
						</div>				
					</div>			
				</div>		
			</div>
			<div id="details">
			<div style="margin:30px">
				<?php
					while($row = mysql_fetch_array($result)){
						echo '<div><span class="label '.$row['categoriaColor'].'">'.$row['categoriaDescripcion'].'<span/></div>';
						echo '<div><h4>'.$row['proyectoTitulo'].'</h4></div>';
						echo '	<div>';						
						echo '		<p><b>Cliente</b><br/>'.$row['proyectoCliente'].'</p>';
						echo '		<p><b>Año</b><br />'.$row['proyectoAnio'].'</p>';
						echo '	</div>';
						echo '	<div class="proDescrip">';
						echo 		$row['proyectoDescripcion'];
						echo '	</div>';
					}
				?>
			</div>	
			</div>
			<div id="paginated">
				<div class="paginatedNum">
					<?php if($anterior){?>
						<span class="label"><a href="proyecto.php?proyectoId=<?php echo $anterior?>&categoriaId=<?php echo $categoriaId?>">ANTERIOR</a></span>
					<?php }?>
					<?php if($siguiente){?>
						<span class="label right"><a href="proyecto.php?proyectoId=<?php echo $siguiente?>&categoriaId=<?php echo $categoriaId?>">SIGUIENTE</a></span>
					<?php }?>
				</div>			
			</div>			
		</div>
		
 	</div>  
  </div>
</div>
<script type="text/javascript">
$(document).ready(function(){

	$('.iosSlider').iosSlider({
		snapToChildren: true,
		scrollbar: true,
		scrollbarHide: false,
		desktopClickDrag: true,
		scrollbarLocation: 'bottom',
		scrollbarHeight: '10px',
		scrollbarBackground: '#999',
		scrollbarBorder: 'none',
		scrollbarMargin: '0px',
		scrollbarOpacity: '1',
		scrollbarBorderRadius:'0px',
		onSliderLoaded:function(){
			$('.iosSlider').css('width','734px');
			$('.scrollbarBlock1').css({'background':'#ccc','margin-bottom':'0px','width':'734px'});
		}
		
	});
	
	$('body').jpreLoader({
		loaderVPos:'50%',
		splashFunction: function(){
			
		}
	});

	

	
});
</script>
</body>
</html>
